<!-- HTML5文件 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>zentrust</title>
		<link rel="stylesheet" href="assets/agile/css/agile.layout.css">
		<link rel="stylesheet" href="assets/agile/css/flat/flat.component.css">
		<link rel="stylesheet" href="assets/agile/css/flat/flat.color.css">
		<link rel="stylesheet" href="assets/agile/css/flat/iconline.css">
		<link rel="stylesheet" href="assets/agile/css/flat/iconform.css">
		<link rel="stylesheet" href="assets/app/css/app.css">
		<link rel="stylesheet" href="assets/local/css/index.css">
	</head>
	<body>
		<div id="section_container">
			<section id="form_section" data-role="section">
				<header>
				    <div class="titlebar">
				    	<a data-toggle="back" href="#">返回</a>
				    	<h1>智信互动</h1>
				    	<a href="#"><i class="iconfont iconline-menu2"></i></a>
				    </div>
				</header>
				<article data-role="article" id="normal_article" data-scroll="verticle" class="active" style="top:44px;bottom:44px; background:#d7d8da;">
					<div class="scroller">  
						<ul class="listitem">
							<li class="fs" style="border-bottom: 1px solid #ddd;">
					        	智信互动
					        </li>
					        <li>
					        	<textarea rows="5"></textarea>
					        </li>
					        <li class="fs" style="border-bottom: 1px solid #ddd;">活动记录</li>
					        <li  style="border-bottom: 1px dotted #ddd;">
					        	<div>2011/9/20 14:00 - 18:00</div>
					        	<div>
					        		<span>活动名称:</span>
					        		<span>智信资产管理研究院在啊大法师打发的说法定时发送到发抖时阿萨德发生的</span>

					        	</div>
					        	<div>
					        		<span>审核纪录:</span>
					        		<span style="color:red">未通过</span>
					        	</div>
					        </li>
					        <li>
					        	<div>2011/9/20 14:00 - 18:00</div>
					        	<div>
					        		<span>活动名称:</span>
					        		<span>智信资产管理研究院在啊大法师打发的说法定时发送到发抖时阿萨德发生的</span>

					        	</div>
					        	<div>
					        		<span>审核纪录:</span>
					        		<span style="color:red">未通过</span>
					        	</div>
					        </li>
					        <li class="fs" style="border-bottom: 1px solid #ddd;">
					        	互动记录
					        	<div class="plusBtn"></div>
					        </li>
					        <li>
					        	<textarea rows="5"></textarea>
					        </li>
					        <li class="fg" style="border-bottom: 1px dotted #ddd;">
					        	触发事件规则为控制器名+事件名。比如，当section第一次加载的时候会触发
					        	sectionload事件，section每次处于激活状态的时候会触发sectionshow事件，当section处于非激活状态的时候会触发sectionhide事件
					        	<div style="margin-top:8px;">
					        		<span>2011/9/20 14:00</span>
					        		<span>quyi</span>
					        	</div>
					        </li>
					        <li class="fg">
					        	触发事件规则为控制器名+事件名。比如，当section第一次加载的时候会触发
					        	sectionload事件，section每次处于激活状态的时候会触发sectionshow事件，当section处于非激活状态的时候会触发sectionhide事件
					        	<div style="margin-top:8px;">
					        		<span>2011/9/20 14:00</span>
					        		<span>quyi</span>
					        	</div>
					        </li>
					        
						</ul>
						<div class="card noborder">
								<button class="submit width-full">保存</button>
						</div>
    				</div>
				</article>
				<footer>
					<nav class="menubar">
						<a id="basic" class="menu active" data-role="tab" href="#" data-toggle="article">	
						   <span class="menu-text">基本信息</span>
						</a>
						<a id="job" class="menu" data-role="tab" href="#" data-toggle="article">
						    <span class="menu-text">职业信息</span>
						</a>
						<a id="social" class="menu" data-role="tab" href="#" data-toggle="article">
						    <span class="menu-text">社交信息</span>
						</a>
						<a id="zentrust" class="menu" data-role="tab" href="#" data-toggle="article">
						    <span class="menu-text">智信互动</span>
						</a>
					</nav>
				</footer>		
			</section>
		</div>
		
		<!--- third --->
		<script src="assets/third/zepto/zepto.min.js"></script>
		<script src="assets/third/iscroll/iscroll-probe.js"></script>
		<script src="assets/third/arttemplate/template-native.js"></script>
		<!-- agile -->
		<script src="assets/third/jquery/jquery-2.1.3.min.js"></script>
		<script src="assets/third/jquery/jquery.mobile.custom.min.js"></script>
		<script type="text/javascript" src="assets/agile/js/agile.js"></script>		
		<!--- bridge --->
		<script type="text/javascript" src="assets/bridge/exmobi.js"></script>
		<script type="text/javascript" src="assets/bridge/agile.exmobi.js"></script>
		<!-- app -->
		<script type="text/javascript" src="assets/app/js/app.js"></script>
		<script type="text/javascript" src="assets/local/js/common.js"></script>
		
	</body>
</html>